<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/general.css"/>
		<style type="text/css">
			.show1{
				width: 100%;
				background-color: #EBF4FF;
			}
			.show2{
				background-color: white;
				width: 100%;
				margin: auto;
				padding: 1em 0;
			}
			.show3{
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.text{
				width: 30%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}
			.showtit{
				width: 85%;
				margin: auto;
				padding: 1em 0;
			}
			.br{
				border-right:1px solid #C0C0C0 ;
			}
			.mdiv{
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
			}
			.mdiv>div{
				width: 33.3%;
				padding: 5%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}
			.brb{
				border-right:1px solid #C0C0C0;
				border-bottom:1px solid #C0C0C0;
			}
			.bb{
				border-bottom:1px solid #C0C0C0;
			}
			.xgd{
				width: 100%;
				height: 5px;
				background-color: whitesmoke;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hbg">
		    <h1 class="mui-title">统计</h1>
		</header>
		<div class="mui-content">
		    <div class="show1">
				<div class="show2">
					<div class="showtit">
						今日消费
					</div>
					<div class="show3">
						<div class="text br">
							<div class="">
								消费（元）
							</div>
							<div class="">
								10000.00
							</div>
							<div class="">
								5笔
							</div>
						</div>
						<div class="text br">
							<div class="">
								充值（元）
							</div>
							<div class="">
								10000.00
							</div>
							<div class="">
								5笔
							</div>
						</div>
						<div class="text">
							<div class="">
								会员（个）
							</div>
							<div class="">
								1
							</div>
							<div class="">
								累计69个
							</div>
						</div>
					</div>
				</div>
			</div>
		    <div class="xgd">
		    	
		    </div>
		    <div class="">
		    	
		    	<div class="mdiv">
		    	<div class="brb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">财务统计</div></div>
		    	
		    	<div class="brb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">利润统计</div></div>
		    	
		    	<div class="bb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">消费统计</div></div>
		    	
		    	<div class="brb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">会员统计</div></div>
		    	
		    	<div class="brb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">客流统计</div></div>
		    	
		    	<div class="bb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">计次统计</div></div>
		    	
		    	<div class="brb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">销售统计</div></div>
		    	
		    	<div class="brb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">商品统计</div></div>
		    	
		    	<div class="bb"><div class="">
		    	<img src="../images/60x60.gif"/>
		    	</div><div id="">优惠券统计</div></div>
		    	
		    	
		    </div>
		    	
		    	
		    	
		    </div>
		    
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			
			window.onload = function(){
				
				
			}
		</script>
	</body>

</html>